
.tran_item1,
.tran_item5 {
  left: -1px;
  top: -1px;
}
.tran_item2,
.tran_item6 {
  right: -1px;
  top: -1px;
}
.tran_item3,
.tran_item7 {
  left: -1px;
  bottom: -1px;
}
.tran_item4,
.tran_item8 {
  right: -1px;
  bottom: -1px;
}

.tran_item1,
.tran_item2,
.tran_item3,
.tran_item4 {
  width: 20px;
  height: 3px;
  position: absolute;
  background: #46b0e2;
}

.tran_item5,
.tran_item6,
.tran_item7,
.tran_item8 {
  width: 3px;
  height: 20px;
  position: absolute;
  background: #46b0e2;
}